<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>博客</title>
    <link href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet">
    <link href="https://pandao.github.io/editor.md/css/editormd.css" rel="stylesheet">
    <link href="/css/main.css" rel="stylesheet">
</head>
<body>
<!-- 标题区 -->
<nav class="navbar navbar-default">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">博客</a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">文章 <span class="sr-only">(current)</span></a></li>
                <li><a href="#">管理</a></li>
            </ul>
        </div>
    </div>
</nav>


<!-- 正文区 -->
<div class="container">
    <div class="row">
        <div class="col-sm-9">
            <div class="panel panel-default"><div class="panel-heading"><span class="glyphicon glyphicon-th-list"></span>&nbsp;&nbsp;文章列表</div>
                <div class="panel-body">
                    <p>...</p>
                </div>
            </div>

            <div class="panel panel-default"><div class="panel-heading"><span class="glyphicon glyphicon-list-alt"></span>&nbsp;&nbsp;编辑器</div>
                <div id="test-editormd" style="border:none;margin-bottom:0;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;">
                        <textarea style="display:none;">
[TOC]

#### Disabled options

- TeX (Based on KaTeX);
- Emoji;
- Task lists;
- HTML tags decode;
- Flowchart and Sequence Diagram;

#### Editor.md directory

    editor.md/
            lib/
            css/
            scss/
            tests/
            fonts/
            images/
            plugins/
            examples/
            languages/
            editormd.js
            ...

```html
&lt;!-- English --&gt;
&lt;script src="../dist/js/languages/en.js"&gt;&lt;/script&gt;

&lt;!-- 繁體中文 --&gt;
&lt;script src="../dist/js/languages/zh-tw.js"&gt;&lt;/script&gt;
```
                        </textarea>
                </div>

            </div>





        </div>
        <div class="col-sm-3">
            <div class="list-group">
                <button type="button" class="list-group-item"><span class="glyphicon glyphicon-tags"></span>&nbsp;&nbsp;java</button>
                <button type="button" class="list-group-item"><span class="glyphicon glyphicon-tags"></span>&nbsp;&nbsp;ios</button>
                <button type="button" class="list-group-item"><span class="glyphicon glyphicon-tags"></span>&nbsp;&nbsp;android</button>
                <button type="button" class="list-group-item"><span class="glyphicon glyphicon-tags"></span>&nbsp;&nbsp;mysql</button>
            </div>
        </div>
    </div>
</div>







<script src="http://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.js"></script>
<script src="https://pandao.github.io/editor.md/editormd.js"></script>
<script>


    editormd("test-editormd", {
        height  : 640,
        toolbarAutoFixed:false,
        syncScrolling : "single",
        toolbarIcons: "mini",
        path    : "https://pandao.github.io/editor.md/lib/"
    });
</script>
</body>
</html>